﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta http-equiv="cache-control" content="max-age=0" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
    <meta http-equiv="pragma" content="no-cache" />

    <title>In Touch Reminder - Settings</title>

    <!-- stylesheets -->
    <link href="css/font.css" rel="stylesheet" type="text/css" />
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    <link href="css/plugins.css" rel="stylesheet" type="text/css" />
    <!-- end stylesheets -->

    <!-- general -->
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.11.min.js"></script>
    <script src="cordova.js" type="text/javascript" charset="utf-8"></script>
  
    <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>-->

    <script type="text/javascript" src="js/plugins/ui/jquery.jgrowl.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.chosen.min.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.dualListBox.js"></script>
    <script type="text/javascript" src="js/files/bootstrap.js"></script>
    <script type="text/javascript" src="js/files/functions_simple.js"></script>
    <script type="text/javascript" src="js/plugins/moment.min.js"></script>


    <!-- application files -->
    <script type="text/javascript" src="js/app/globals.js"></script>
    <script type="text/javascript" src="js/app/dataServiceLocal.js"></script>
    <script type="text/javascript" src="js/app/deviceService.js"></script>
    <script type="text/javascript" src="js/app/phoneContactService.js"></script>
    <script type="text/javascript" src="js/app/settings.js"></script>
    <!-- end application files -->

    <!-- common custom js -->
    <script type="text/javascript" src="js/custom.js"></script>
   
    

    <!-- stylesheet adjustments -->
    <style type="text/css">
        .glyph
        {
            display: inline-block;
            text-align: center;
            padding: .75em;
            margin: .75em 1em .75em 1em;
            width: 38px;
        }

        .fs1
        {
            font-size: 2em;
        }

        .widget [class*="icos-"]
        {
            float: none;
        }

        .tobewrap
        {
            white-space: pre; /* CSS 2.0 */
            white-space: pre-wrap; /* CSS 2.1 */
            white-space: pre-line; /* CSS 3.0 */
            white-space: -pre-wrap; /* Opera 4-6 */
            white-space: -o-pre-wrap; /* Opera 7 */
            white-space: -moz-pre-wrap; /* Mozilla */
            white-space: -hp-pre-wrap; /* HP Printers */
            word-wrap: break-word; /* IE 5+ */
        }

        div.jGrowl div.success {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: 200px;
            margin-left: -250px;
            width: 150px;
            background-color: blue;
            color: white;
            font-weight: bold;
        }
        div.jGrowl div.failure {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: 200px;
            margin-left: -250px;
            width: 150px;
            background-color: blue;
            color: darkred;
            font-weight: bold;
        }
    </style>
    <!-- end stylesheet adjustments -->

</head>
<body>

    <!-- Top line begins -->
    <div id="top">
        <div class="topwrapper">
            <a href="contacts.html" class="backButton tipS" original-title="Back to List" id="A2"><span class="iconb" data-icon="&#xe0c0;"></span></a>
            <a href="contacts.html" title="" class="logo">
                <img src="images/logo.png" alt="" /></a>

            <!-- Right top nav -->
            <div class="topNav">
                <h2>
                    <span class="title" id="contactDetails_HeaderName">Settings</span></h2>
                <div class="clear"></div>
            </div>
        </div>
        <!-- Top line ends -->
    </div>
    <div class="modified_secNav">
       
        <div class="widget" style="margin-top: 20px; padding-bottom: 5px;">
            <div class="whead">
                <h6>Personal Settings</h6>

                <div class="clear"></div>


            </div>

            <table cellpadding="0" cellspacing="0" width="100%" class="tDefault12">

                <tbody>
                    <tr>
                        <td style="vertical-align: middle">
                            <strong>Name:</strong>
                        </td>
                        <td style="vertical-align: middle">
                            <div class="formRow" style="padding: 5px 4px;">
                                <input type="text" id="settings_person_name" style="width: 200px;" />
                            </div>
                        </td>
                        <td class="contactDetails_buttonCol">
                            <!-- <a href="#" class="tablectrl_medium bRed tipS" original-title="Remove"><span class="iconb" data-icon="&#xe021;"></span></a>-->
                        </td>
                    </tr>
                    <tr>
                        <td style="vertical-align: middle">
                            <strong>Email:</strong>
                        </td>
                        <td style="vertical-align: middle">
                            <div class="formRow" style="padding: 5px 4px;">
                                <input type="text" id="settings_person_email" style="width: 200px;" />
                            </div>
                        </td>
                        <td class="contactDetails_buttonCol">
                            <label class="error" for="email" id="email_error" style="display: none">Invalid.</label>
                            <!-- <a href="#" class="tablectrl_medium bRed tipS" original-title="Remove"><span class="iconb" data-icon="&#xe021;"></span></a>-->
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="widget" style="margin-top: 20px; padding-bottom: 5px;">
            <div class="whead">
                <h6>Contacts Settings</h6>

                <div class="clear">
                </div>

            </div>
            <table style="width: 100%; margin: 5px 0 10px 0;">
                <tr>
                    <td style="vertical-align: middle">
                         <span id="Span1">
                            <strong>Auto-Synch:</strong>
                           </span>
                    </td>
                    <td style="vertical-align: middle"> 
                         <div class="grid9 noSearch" style="margin: 5px 4px">
                                <select id="settings_autosynchFrequency" style="width: 120px;">
                                    <option value="Never">Never</option>
                                    <option value="15min">Every 15 min</option>
                                    <option value="30min">Every 30 min</option>
                                    <option value="hourly">Every hour</option>
                                    <option value="daily">Every day</option>
                                    <option value="weekly">Every Week</option>
                                </select>
                            </div>

                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="vertical-align: middle"> <span id="Span4">
                                <strong>Set Uncategorized Contact to: </strong>
                            </span></td>
                    <td style="vertical-align: middle">
                         <div class="grid9 noSearch" style="margin: 5px 4px">
                                <!--<input type="text" id="contactDetails_ReminderNum" maxlength="2" style="width: 40px;"/>-->
                                <select  id="settings_uncategorizedContactTo" style="width: 120px;">
                                    <option value="personal">Personal</option>
                                    <option value="business">Business</option>
                                </select>
                            </div>

                    </td>
                    <td>&nbsp;</td>
                </tr>
            </table>
            
        </div>
        <div>
            <table style="margin-right:10px; float: right">
                 <tr>
                         <td  class="contactDetails_buttonCol">
                        &nbsp;
                        </td>
                    </tr>
                 <tr>
                       <td>
                          <a href="#" class="buttonM bBlue" id="btnSaveUpdateSettings"><span class="icon-checkmark"></span><span>Update</span></a>
                        </td>
                    
                </tr>
            </table>

        </div>

        <div class="clear"></div>
    </div>
    <div id="lastPostsLoader"></div>
    <div id="bottom">
        <div>
            <ul class="middleFree">
                <li><a href="contacts.html" title="Contacts" class="transition"><span class="iconb" data-icon="&#xe1bb;"></span><span class="subtitle_text">Contacts</span></a></li>
                <li><a href="reminders.html" title="Reminders" class="transition"><span class="iconb" data-icon="&#xe023;"></span><span class="subtitle_text">Reminders</span></a></li>
                <li><a href="settings.html" title="Settings" class="transition"><span class="iconb selected" data-icon="&#xe04d;"></span><span class="subtitle_text selected">Settings</span></a></li>
                <li><a href="more.html" title="More" class="transition"><span class="iconb" data-icon="&#xe24a;"></span><span class="subtitle_text">More...</span></a></li>
            </ul>

        </div>
    </div>
    <script type="text/javascript">
       
        $("#btnSaveUpdateSettings").click(function () {
            //Save the Reminders
            Page_Settings.fn_Settings_SaveUpdate();
        });

        //start the page
        Page_Settings.fn_init();

        //////window.setInterval(
        //////    function () {
        //////        //refresh the timing functionalities
        //////        Page_ContactDetails.fn_Refresh_Timed_Areas();
        //////    }, 60000);
    </script>

</body>
</html>
